fix(ui): resolve Copilot PR reviews for newsletter and loader contrast by sammy200-ui · Pull Request #5408 · asyncapi/website

sammy200-ui · 2026-05-12T16:37:45Z

Issue was that the text was black
Before

after

The loader was not visible
before

after

ref : #5399 (comment)

Summary by CodeRabbit

Style
- Improved dark-mode support for loader text so it now switches colors appropriately between light and dark themes.
- Updated the TSC community newsletter CTA styling (text centered) and enabled dark-theme styling for the CTA to improve contrast.

netlify · 2026-05-12T16:37:51Z

✅ Deploy Preview for asyncapi-website ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	`dcc7013`
🔍 Latest deploy log	https://app.netlify.com/projects/asyncapi-website/deploys/6a035e90ed102a0008aee7b6
😎 Deploy Preview	https://deploy-preview-5408--asyncapi-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

coderabbitai · 2026-05-12T16:37:53Z

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: dec312f7-3275-42b3-be55-ee8538a3046f

📥 Commits

Reviewing files that changed from the base of the PR and between c508ecd and dcc7013.

📒 Files selected for processing (2)

components/Loader.tsx
pages/community/tsc.tsx

📝 Walkthrough

Walkthrough

Loader text now supports Tailwind dark mode (text-black dark:text-white). The TSC community page passes a dark prop to NewsletterSubscribe and changes the CTA text class from text-white to text-center.

Changes

Dark Mode Support

Layer / File(s)	Summary
Loader dark mode text styling `components/Loader.tsx`	Loader text class updated to `text-black dark:text-white` so the text color automatically switches with Tailwind dark mode.
TSC page newsletter prop and CTA styling `pages/community/tsc.tsx`	`NewsletterSubscribe` is passed a `dark` prop and the CTA text class was changed from `text-white` to `text-center`.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Suggested reviewers

derberg
princerajpoot20
akshatnema
sambhavgupta0705
anshgoyalevil
Mayaleeeee
asyncapi-bot-eve

Poem

🐰 I hop through code both day and night,
I swap the dark and make it right,
A tiny class, a prop passed through,
Now text will flip from black to hue,
A cheerful nibble — theme in sight.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and specifically describes the main changes: fixing UI contrast issues in the newsletter and loader components.
Docstring Coverage	✅ Passed	Docstring coverage is 100.00% which is sufficient. The required threshold is 80.00%.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

Generate code and open pull requests
Plan features and break down work
Investigate incidents and troubleshoot customer tickets together
Automate recurring tasks and respond to alerts with triggers
Summarize progress and report instantly

Built for teams:

Shared memory across your entire org—no repeating context
Per-thread sandboxes to safely plan and execute work
Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

sammy200-ui · 2026-05-12T16:38:27Z

@coderabbitai full review

coderabbitai · 2026-05-12T16:38:33Z

✅ Actions performed

Full review triggered.

Copilot

Pull request overview

This PR addresses dark-theme visibility issues in UI components, specifically improving contrast for the Newsletter subscription section on the TSC page and ensuring loader text remains readable in dark mode.

Changes:

Updated pages/community/tsc.tsx to use the dark prop on NewsletterSubscribe and reformatted inline gradient styles.
Updated components/Loader.tsx to apply dark:text-white so loader text remains visible when the site is in dark mode.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
`pages/community/tsc.tsx`	Switches TSC newsletter section to `NewsletterSubscribe dark` and reformats gradient style objects.
`components/Loader.tsx`	Ensures loader text switches to white under Tailwind `dark` mode when `dark={false}`.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

sammy200-ui · 2026-05-12T17:12:23Z

            <NewsletterSubscribe
              type='TSC Voting'
              title='Get notified when TSC is voting'
              subtitle="You'll receive an email whenever someone requests the TSC to vote"


codecov · 2026-05-12T16:41:21Z

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (c508ecd) to head (dcc7013).
⚠️ Report is 1 commits behind head on website-ui.

Additional details and impacted files

@@             Coverage Diff              @@
##           website-ui     #5408   +/-   ##
============================================
  Coverage      100.00%   100.00%           
============================================
  Files              22        22           
  Lines             830       830           
  Branches          159       159           
============================================
  Hits              830       830

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

sonarqubecloud · 2026-05-12T17:09:30Z

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

sammy200-ui · 2026-05-12T17:14:20Z

@coderabbitai full review

coderabbitai · 2026-05-12T17:14:26Z

✅ Actions performed

Full review triggered.

Copilot

Pull request overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

              title='Get notified when TSC is voting'
              subtitle="You'll receive an email whenever someone requests the TSC to vote"
-              className='text-white'
+              className='text-center'


    <div className={twMerge(`w-fit flex gap-4 m-auto items-center ${pulsating ? 'animate-pulse ' : ''} ${className}`)}>
      {loaderIcon}
-      <div className={`my-2 ${dark ? 'text-white' : 'text-black'}`}>{loaderText}</div>
+      <div className={`my-2 ${dark ? 'text-white' : 'text-black dark:text-white'}`}>{loaderText}</div>


sammy200-ui · 2026-05-16T15:43:10Z

@coderabbitai full review

coderabbitai · 2026-05-16T15:43:15Z

✅ Actions performed

Full review triggered.

sammy200-ui · 2026-05-16T15:52:34Z

@princerajpoot20 should be ready for review

Copilot AI review requested due to automatic review settings May 12, 2026 16:37

sammy200-ui requested review from Mayaleeeee, akshatnema, anshgoyalevil, asyncapi-bot-eve, derberg, princerajpoot20 and sambhavgupta0705 as code owners May 12, 2026 16:37

github-project-automation Bot added this to Website - Kanban May 12, 2026

github-project-automation Bot moved this to To Be Triaged in Website - Kanban May 12, 2026

Copilot started reviewing on behalf of sammy200-ui May 12, 2026 16:38 View session

Copilot AI reviewed May 12, 2026

View reviewed changes

sammy200-ui force-pushed the website-ui-newsletter-copilot-fixes branch from 5220f20 to 321ea2a Compare May 12, 2026 16:45

fix(ui): resolve Copilot PR reviews for newsletter and loader contrast

f7240cc

sammy200-ui force-pushed the website-ui-newsletter-copilot-fixes branch from 321ea2a to f7240cc Compare May 12, 2026 16:55

fixes

dcc7013

sammy200-ui requested a review from Copilot May 12, 2026 17:11

Copilot started reviewing on behalf of sammy200-ui May 12, 2026 17:19 View session

Copilot AI reviewed May 12, 2026

View reviewed changes

princerajpoot20 approved these changes May 20, 2026

View reviewed changes

princerajpoot20 merged commit 0c0764e into asyncapi:website-ui May 20, 2026
38 of 39 checks passed

github-project-automation Bot moved this from To Be Triaged to Done in Website - Kanban May 20, 2026

Uh oh!

Conversation

sammy200-ui commented May 12, 2026 • edited by coderabbitai Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary by CodeRabbit

Uh oh!

netlify Bot commented May 12, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for asyncapi-website ready!

Uh oh!

coderabbitai Bot commented May 12, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Estimated code review effort

Suggested reviewers

Poem

Uh oh!

sammy200-ui commented May 12, 2026

Uh oh!

coderabbitai Bot commented May 12, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

sammy200-ui May 12, 2026

Choose a reason for hiding this comment

Uh oh!

codecov Bot commented May 12, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

sonarqubecloud Bot commented May 12, 2026

Quality Gate passed

Uh oh!

sammy200-ui commented May 12, 2026

Uh oh!

coderabbitai Bot commented May 12, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

sammy200-ui commented May 16, 2026

Uh oh!

coderabbitai Bot commented May 16, 2026

Uh oh!

sammy200-ui commented May 16, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

sammy200-ui commented May 12, 2026 •

edited by coderabbitai Bot

Loading

netlify Bot commented May 12, 2026 •

edited

Loading

coderabbitai Bot commented May 12, 2026 •

edited

Loading

codecov Bot commented May 12, 2026 •

edited

Loading